<%-- 
    Document   : index
    Created on : 18/10/2010, 10:51:55 PM
    Author     : Edwin
--%>

<%@page contentType="text/html" pageEncoding="UTF-8"%>
<%@page session="true"%>
<!doctype html>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <title>::Home::</title>
        <!--Styles-->
        <link href="../styles/main.css" rel="stylesheet" type="text/css">
        <link rel="stylesheet" type="text/css" href="../js/jquery/fancybox/fancybox/jquery.fancybox-1.3.1.css"/>
        <link href="../styles/register.css" rel="stylesheet" type="text/css" />
        <link href="../js/jquery/alerts/jquery.alerts.css" rel="stylesheet" type="text/css" />

        <!--JS-->        
        <script type="text/javascript" src="../js/jquery/jquery.min.js"></script>
        <script type="text/javascript" src="../js/jquery/fadeslideshow.js"></script>
        <script type="text/javascript" src="../js/jquery/fancybox/fancybox/jquery-1.4.2.min.js"></script>
        <script type="text/javascript" src="../js/jquery/fancybox/fancybox/jquery.mousewheel-3.0.2.pack.js"></script>
        <script type="text/javascript" src="../js/jquery/fancybox/fancybox/jquery.fancybox-1.3.1.js"></script>
        <script type="text/javascript" src="../js/jquery/alerts/jquery.alerts.js"></script>

        <script type="text/javascript" language="javascript" src="../js/md5.js"></script>
        <script type="text/javascript" language="javascript" src="../js/validations.js"></script>
        <script type="text/javascript" language="javascript" src="../js/ajax.js"></script>
        <script type="text/javascript" language="javascript" src="../js/register.js"></script>
        <script type="text/javascript" language="javascript" src="../js/login.js"></script>

        <script type="text/javascript">
            var mygallery=new fadeSlideShow({
                wrapperid: "fadeshow1", //ID of blank DIV on page to house Slideshow
                dimensions: [580, 230], //width/height of gallery in pixels. Should reflect dimensions of largest image
                imagearray: [
                    ["../images/promo04.jpg", "../index.jsp", "", "Travel Map con Buses Seguros"],
                    ["../images/promo03.jpg", "../index.jsp", "", "Envios hacia diferentes destinos"],
                    ["../images/promo02.jpg" , "../index.jsp", "", "Cubrimos varias rutas"],
                    ["../images/promo01.jpg", "../index.jsp", "", "Conductores calificados"] //<--no trailing comma after very last image element!
                ],
                displaymode: {type:'auto', pause:2500, cycles:0, wraparound:false},
                persist: false, //remember last viewed slide and recall within same session?
                fadeduration: 500, //transition duration (milliseconds)
                descreveal: "ondemand",
                togglerid: ""
            });
        </script>
        <script type="text/javascript">
            $(document).ready(function(){
                $("#popup").fancybox({
                    'width':560,
                    'height':340,
                    'hideOnContentClick': false,
                    'overlayOpacity': 0.5
                });
            });
        </script>
    </head>
    <body>        
        <div id="shop_promo">
            <div class="textform" id="shop"><a href="route.html"></a></div>
            <div id="promo">
                <div id="fadeshow1" style="z-index: -2; position: relative; visibility: visible; background-image: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: black; overflow-x: hidden; overflow-y: hidden; width: 580px; height: 230px; background-position: initial initial; background-repeat: initial initial; "><div class="gallerylayer" style="position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; background-image: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: black; opacity: 1; z-index: 999; background-position: initial initial; background-repeat: initial initial; margin-top: 50px;">
                        <a href="../index.jsp" target="_new"></a>
                        <a href="../index.jsp" target="_new"></a>
                        <a href="../index.jsp" target="_new"></a>
                    </div><div class="gallerylayer" style="position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; background-image: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: black; z-index: 1000; opacity: 1; background-position: initial initial; background-repeat: initial initial; ">
                        <a href="../index.jsp" target="_new"></a>
                        <a href="../index.jsp" target="_new"></a>
                        <a href="../index.jsp" target="_new"></a>
                    </div><div class="fadeslidedescdiv" style="position: absolute; width: 100%; left: 0px; font: normal normal normal 11px/normal Verdana; z-index: 1001; height: 21px; visibility: hidden; top: 209px; "><div class="descpanelbg" style="position: absolute; left: 0px; top: 0px; width: 572px; padding-top: 4px; padding-right: 4px; padding-bottom: 4px; padding-left: 4px; background-image: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: black; opacity: 0.7; height: 100%; background-position: initial initial; background-repeat: initial initial; "></div><div class="descpanelfg" style="position: absolute; left: 0px; top: 0px; width: 572px; padding-top: 4px; padding-right: 4px; padding-bottom: 4px; padding-left: 4px; color: white; height: 100%; ">Evios hacia cualquier lugar del pais.</div></div></div>
            </div>
        </div>
        <br/>
        <div id="for_ultra">
            <div id="posts"></div>

            <!-- BEGIN: Constant Contact Stylish Email Newsletter Form -->
            <div align="center">
                <div style="width:597px; padding-top: 15px; font-size: 13px;">
                    <span>   Iniciar Sesi&oacute;n   </span><br/>
                    <input id="user" type="text" class="fieldtext" value="" placeholder="Nombre de Usuario" onkeypress="if(event.keyCode==13){btnLogin_onclick();}"><br/>
                    <input id="password" type="password" class="fieldtext" value="" placeholder="Password" onkeypress="if(event.keyCode==13){btnLogin_onclick();}"><br/>
                    <input type="button" id="loginUser" value="Iniciar Sesión" class="button_form" onclick="btnLogin_onclick()"><br/><br/>
                    No tienes una Cuenta?. <a id="popup" href="register.jsp">Registrate</a>
                </div>
                <!-- END: Constant Contact Stylish Email Newsletter Form -->
            </div>
        </div>
    </body>
</html>